<template>
  <div>
    <button @click="$emit('xxx', { a: 'aaa', b: 'bbb' })">子组件按钮</button>
    <input type="text" v-model="aaa" />
    <select v-model="bbb">
      <option value="广州">广州</option>
      <option value="上海">上海</option>
      <option value="深圳">深圳</option>
    </select>
    <h1>输入框的内容是：{{ aaa }}</h1>
    <h1>选择框选定的内容是：{{ bbb }}</h1>
    <!--  默认的双向绑定，只能绑定带有value属性的表单元素，-->
  </div>
</template>

<script>
export default {
  name: "SubComp",
  data() {
    return {
      aaa: "",
      bbb: "",
    };
  },
};
</script>

<style scoped></style>
